<template>
  <div id="app">
    <el-container v-if="$route.meta.keepAlive">

      <el-aside width="250px">
        <!-- 侧边栏 -->
        <left></left>
      </el-aside>

    <el-container>
      <el-header style="padding: 0">
        <!-- 顶部导航栏 -->
        <header-nav></header-nav>
      </el-header>

      <el-main style="padding:0">
        <!-- Body -->
        <router-view ></router-view>
      </el-main>
    </el-container>

    </el-container>

    <!-- 登录页 -->
    <router-view v-if="!$route.meta.keepAlive"></router-view>


  </div>
</template>

<script>
import headerNavi from "./view/HeaderNavi";
import left from "./view/Left";

export default {
  name: 'App',
  components: {
    headerNav:headerNavi,
    left:left,
  }
}
</script>

<style>

</style>
